import React, { Fragment } from 'react';
import { Card, Content } from 'react-fule-ui';

export default function FullCard() {
  return (
    <Fragment>
      <Content>
        <Content.Header>卡片</Content.Header>
        <Content.Body>
          <Card>
            <Card.Header>卡片头部</Card.Header>
            <Card.Body>
              <span style={{ fontSize: 12 }}>body</span>
            </Card.Body>
            <Card.Foot>底部</Card.Foot>
          </Card>
          <Card>
            <Card.Header>卡片头部</Card.Header>
            <Card.Foot>底部</Card.Foot>
          </Card>
          <Card>
            <Card.Body>
              <span style={{ fontSize: 12 }}>body</span>
            </Card.Body>
            <Card.Foot>底部</Card.Foot>
          </Card>
          <Card>
            <Card.Header>卡片头部</Card.Header>
          </Card>
          <Card>
            <Card.Body>
              <span style={{ fontSize: 12 }}>body</span>
            </Card.Body>
          </Card>
          <Card>
            <Card.Foot>底部</Card.Foot>
          </Card>
        </Content.Body>
      </Content>
    </Fragment>
  );
}
